<template>
  <div id="all">
    <div id="title"><h3>楼盘基本信息:</h3></div>
    <div id="loupan" >
      <el-descriptions  :column="3" border  >
       <el-descriptions-item
          label="建设单位:"
          >{{Higher.higherUnit}}</el-descriptions-item
        >
        <el-descriptions-item label="项目名称:">{{Higher.higherName}}</el-descriptions-item>
        <el-descriptions-item label="土地用途:">{{Higher.higherLandUse}}</el-descriptions-item>
        <el-descriptions-item label="土地权属:">{{Higher.higherLandProperty}}</el-descriptions-item>
        <el-descriptions-item label="房屋性质:">{{Higher.higherRoomType}}</el-descriptions-item>
        <el-descriptions-item label="设计用途:">{{Higher.higherSpaces}}</el-descriptions-item>
        <el-descriptions-item label="区/县:">{{Higher.higherDistrict}}</el-descriptions-item>
        <el-descriptions-item label="建筑区划:">{{Higher.higherDistrict}}</el-descriptions-item>
        <el-descriptions-item label="丘地号:">{{Higher.higherMound}}</el-descriptions-item>
        <el-descriptions-item label="土地证号:">{{Higher.higherLandCardno}}</el-descriptions-item>
        <el-descriptions-item label="房屋结构:">{{Higher.higherBuildingStructure}}</el-descriptions-item>
        <el-descriptions-item label="取得方式:">{{Higher.higherSrcid}}</el-descriptions-item>
        <el-descriptions-item label="分户图:">{{Higher.higherPlan}}
        </el-descriptions-item>
        <el-descriptions-item
          label="房屋坐落:"
          :contentStyle="{ 'text-align': 'left' }"
          >{{Higher.higherRoomRepose}}</el-descriptions-item
        >
      </el-descriptions>
    </div>
    <div id="title"><h3>楼栋信息:</h3></div>
    <div id="loudong">
      <el-table
        :data="FloorList"
        style="width: 100%;  line-height: 50%"
        border
        @row-click="rowClick"
      >
        <el-table-column prop="floorId" label="楼栋id" width="180" v-if="false">
        </el-table-column>
        <el-table-column prop="floorName" label="楼栋名称" width="180">
        </el-table-column>
        <el-table-column prop="floorNo" label="幢编号" width="180">
        </el-table-column>
        <el-table-column prop="floorAllno" label="总层数">
        </el-table-column>
        <el-table-column prop="floorRoomno" label="分户房屋(套)">
        </el-table-column>
        <el-table-column prop="floorArea" label="幢总面积(平方)">
        </el-table-column>
        <el-table-column prop="bak1" label="备注"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hid: 0,
      FloorList:[],
      Higher:{},
    };
  },
  methods: {
    queryAll(){
      this.$axios.get("presell-serv/Highers/queryById/"+this.hid).then(res=>{
        if(res.data.code==200){
          this.FloorList=res.data.data.floors;
          this.Higher=res.data.data.higher;
          window.localStorage.setItem("hname",this.Higher.higherName);
        }
      });
    },
    rowClick(row,column){
      this.$router.push({name:"Room",params:{fid:row.floorId,fname:row.floorName}});
    },
  },
  mounted(){
    this.hid=window.localStorage.getItem("hid");
    this.queryAll();
  }
};
</script>
<style scoped>
#loupan{
  border:0px solid;
  border-color: brown;
}
#title{
  border: 0px solid;
  border-color: black;
  text-align: left;
  line-height: 0px;
  width: 10%;
  height: 30px;
}

</style>
